<!doctype html>
<html>

	<head>
		<meta charset="utf-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="./css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css" />
		<link rel="stylesheet" type="text/css" href="css/main.css" />
		<link rel="stylesheet" type="text/css" href="css/myfooter.css" />
		<script src="js/mui.min.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body>
		<!-- 底部导航 -->
		<nav class="mui-bar mui-bar-tab myfooter">
			<a class="mui-tab-item mui-active" href="meterReading.html">
				<span class="tubiao"><i class="fa fa-pencil-square-o" aria-hidden="true"></i></span>
				<span class="mui-tab-label word">抄表</span>
			</a>
			<a class="mui-tab-item" href="submitMeter.html">
				<span class="tubiao"><i class="fa fa-check-square-o" aria-hidden="true"></i></span>
				<span class="mui-tab-label word">提交</span>
			</a>
			<a class="mui-tab-item" href="userInquiry.html">
				<span class="tubiao"><i class="fa fa-users" aria-hidden="true"></i></span>
				<span class="mui-tab-label word">用户查询</span>
			</a>
			<a class="mui-tab-item" href="arrearsInquery.html">
				<span class="tubiao"><i class="fa fa-money" aria-hidden="true"></i></span>
				<span class="mui-tab-label word">欠费查询</span>
			</a>
			<a class="mui-tab-item" href="mine.html">
				<span class="tubiao"><i class="fa fa-user-circle-o"></i></span>
				<span class="mui-tab-label word">我的</span>
			</a>
		</nav>

		<script type="text/javascript">
			// mui.init();
		</script>
		<!-- <script src="js/jquery-2.1.1.min.js" type="text/javascript" charset="utf-8"></script>
		<!-- <script src="http://103.240.16.153:6198/test/js/mapi.js" type="text/javascript" charset="utf-8"></script> -->
		<!-- <script src="js/app.js" type="text/javascript" charset="utf-8"></script> -->
		<!-- <script src="js/Token.js" type="text/javascript" charset="utf-8"></script> -->
		<script type="text/javascript">
			mui.init();
			var subpages = ["meterReading.html", "submitMeter.html", "userInquiry.html", "arrearsInquery.html", "mine.html"];
			mui.plusReady(function() {
				var currentWebview = plus.webview.currentWebview();
				for (var i = 0; i < 5; i++) {
					var sub = plus.webview.create(subpages[i], subpages[i], {
						bottom: "50px",
						top: "0px"
					});
					currentWebview.append(sub);
					if (i > 0) {
						sub.hide();
					}
				}
			})
			document.addEventListener("plusready", function() {
				mui(".myfooter").on("tap", "a", function() {
					var myStorage = JSON.parse(localStorage.getItem("users"));
					var glbToken = myStorage.glbToken;
					var staffId = myStorage.staffid;
					// alert(glbToken)
					var currentActiveTab = this.getAttribute("href");
					if (currentActiveTab == mui(".mui-active")[0].getAttribute("href")) {
						return;
					}
					plus.webview.hide(mui(".mui-active")[0].getAttribute("href"));
					plus.webview.show(currentActiveTab);
					var minePage = plus.webview.getWebviewById("minelist.html");
					mui.fire(minePage, "minelists", {
						glbToken: glbToken,
						staffId: staffId
					})
				})
			})
		</script>
	</body>
</html>
